<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <th:block th:include="include :: header('广告主数据详情')"/>
</head>
<body class="gray-bg">

<div class="container-div">
    <div class="row">
        <div class="col-sm-12 search-collapse">
            <form id="formId">
                <div class="select-list">
                    <ul>
                        <li>
                            <label>广告主ID：</label>
                            <input type="text" name="advertiserId" th:value="*{advertiserId}"/>
                        </li>
                        <li>
                            <label>账户名称：</label>
                            <input type="text" name="advertiserId" th:value="*{name}"/>
                        </li>
                        <li class="select-time">
                            <label>起始时间:</label>
                            <input type="text" class="time-input" id="startTime" placeholder="开始时间"
                                   name="params[startTime]"/>
                            <span>-</span>
                            <input type="text" class="time-input" id="endTime" placeholder="结束时间"
                                   name="params[endTime]"/>
                        </li>

                        <!--<li>-->
                        <!--分组条件：<select name="params[groupBy]"-->
                        <!--th:with="type=${@dict.getType('dsp_group_by', 'STAT_GROUP_BY_FIELD')}"-->
                        <!--select="0">-->
                        <!--<option th:each="dict : ${type}" th:text="${dict.dictLabel}"-->
                        <!--th:value="${dict.dictValue}"></option>-->
                        <!--</select>-->
                        <!--</li>-->

                        <!--<li>-->
                        <!--时间粒度：-->
                        <!--<select name="params[timeGranularity]"-->
                        <!--th:with="type=${@dict.getType('dsp_ad_time_granularity')}" select="1">-->
                        <!--<option th:each="dict : ${type}" th:text="${dict.dictLabel}"-->
                        <!--th:value="${dict.dictValue}"></option>-->
                        <!--</select>-->
                        <!--</li>-->

                        <li>
                            <a class="btn btn-info btn-rounded btn-sm" onclick="$.table.sync()">
                                <i class="fa fa-refresh"></i>&nbsp;同步</a>
                            <a class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()">
                                <i class="fa fa-search"></i>&nbsp;搜索</a>
                            <a class="btn btn-warning btn-rounded btn-sm" onclick="$.form.reset()">
                                <i class="fa fa-refresh"></i>&nbsp;重置</a>
                        </li>
                    </ul>
                </div>
            </form>
        </div>

        <div class="btn-group-sm" id="toolbar" role="group">
            <a class="btn btn-danger" onclick="clean()"
               shiro:hasPermission="dsp:data:remove">
                <i class="fa fa-remove"></i> 清空
            </a>
            <a class="btn btn-danger btn-del btn-del disabled" onclick="$.operate.removeAll()"
               shiro:hasPermission="dsp:data:remove">
                <i class="fa fa-remove"></i> 删除
            </a>
            <a class="btn btn-warning" onclick="$.table.exportExcel()" shiro:hasPermission="dsp:data:export">
                <i class="fa fa-download"></i> 导出
            </a>
        </div>
        <div class="col-sm-12 select-table table-striped">
            <table id="bootstrap-table" data-mobile-responsive="true"></table>
        </div>
    </div>
</div>
<div th:include="include :: footer"></div>
<script th:inline="javascript">
    var removeFlag = [[${@permission.hasPermi('dsp:data:remove')}]];

    var prefix = ctx + "dsp/data/advertiser";

    if ($(".select-time").length > 0) {
        layui.use('laydate', function () {
            var laydate = layui.laydate;
            var startTime = laydate.render({
                elem: '#startTime'
                // , type: 'datetime' //时间格式：yyyy/MM/dd HH:mm:ss
                // , min: -30
                , max: getNow()
                , done: function (value, date) {
                    var datetmp = new Date(value).getTime();
                    var dt = new Date(datetmp + 1000 * 60 * 60 * 24 * 30);//最后一个数字 30天
                    if (dt.getTime() > new Date().getTime()) {
                        dt = new Date();
                    }
                    endTime.config.max = {
                        year: dt.getFullYear(),
                        month: dt.getMonth(),//重点！！！
                        date: dt.getDate(),
                    };
                    endTime.config.min = {
                        year: date.year,
                        month: date.month - 1,//重点！！！
                        date: date.date,
                    };
                    var d = dt.getFullYear() + "-" + (dt.getMonth() + 1)+ "-" + dt.getDate();
                    $('#endTime').val(d);
                }
            });
            var endTime = laydate.render({
                elem: '#endTime'
                , min: $("#startTime").val() //可选择的最小日期为开始日期
                , max: getNow()
                , done: function (value, date) {
                    var datetmp = new Date(value).getTime();
                    var dt = new Date(datetmp - 1000 * 60 * 60 * 24 * 30);//最后一个数字 30天

                    // 当结束日期改变后将开始日期 max设为endtime对应的日期，将最小日期设为30天之前的日期
                    startTime.config.max = {
                        year: date.year,
                        month: date.month - 1,
                        date: date.date
                    };
                    // startTime.config.min = {
                    //     year: dt.getFullYear(),
                    //     month: dt.getMonth(),
                    //     date: dt.getDate()
                    // };
                }
            });
        });
    }

    //当前日期 +1
    function getNow() {
        var date = new Date();
        return date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + (date.getDate());
    }

    function submitHandler() {
        if ($.validate.form()) {
            $.operate.save(prefix + "/sync", $('#form-advertiser-edit').serialize());
        }
    }

    // 清空信息
    function clean() {
        $.modal.confirm("确定清空所有" + $.table._option.modalName + "吗？", function () {
            var url = prefix + "/removeData";
            $.operate.submit(url, "post", "json", {advertiserId: [[${advertiserId}]]});
        });
    }

    $(function () {
        var options = {
            url: prefix + "/list",
            createUrl: prefix + "/add",
            syncUrl: prefix + "/sync",
            updateUrl: prefix + "/edit/{id}",
            removeUrl: prefix + "/remove",
            exportUrl: prefix + "/export",
            modalName: "广告主数据",
            search: false,
            queryParams: {advertiserId: [[${advertiserId}]]},
            showExport: true,
            columns: [
                {
                    checkbox: true
                },
                {
                    field: 'pkId',
                    title: '表id',
                    visible: false
                },
                {
                    field: 'advertiserId',
                    title: '广告主id',
                    sortable: true
                },
                {
                    field: 'statDatetime',
                    title: '日期',
                    sortable: true
                },
                {
                    field: 'show',
                    title: '展示',
                    sortable: true
                },
                {
                    field: 'click',
                    title: '点击',
                    sortable: true
                },
                {
                    field: 'convert',
                    title: '转化',
                    sortable: true
                },
                {
                    field: 'cost',
                    title: '总花费',
                    sortable: true
                },
                {
                    field: 'active',
                    title: '应用下载-激活',
                    sortable: true,
                    visible: false
                },
                // {
                //     field: 'downloadFinish',
                //     title: '应用下载-安卓下载完成',
                //     sortable: true,
                //     visible: false
                // },
                // {
                //     field: 'downloadStart',
                //     title: '应用下载-安卓下载开始',
                //     sortable: true,
                //     visible: false
                // },
                // {
                //     field: 'clickInstall',
                //     title: '应用下载-点击安装数',
                //     sortable: true,
                //     visible: false
                // },
                // {
                //     field: 'installFinish',
                //     title: '应用下载-安卓安装完成',
                //     sortable: true,
                //     visible: false
                // },
                // {
                //     field: 'register',
                //     title: '应用下载-注册',
                //     sortable: true
                // },
                // {
                //     field: 'payCount',
                //     title: '应用下载-付费数',
                //     sortable: true
                // },
                // {
                //     field: 'inAppUv',
                //     title: '应用下载-到达uv',
                //     sortable: true
                // },
                // {
                //     field: 'inAppDetailUv',
                //     title: '应用下载-详情页到站uv',
                //     sortable: true
                // },
                // {
                //     field: 'inAppCart',
                //     title: '应用下载-加入购物车',
                //     sortable: true,
                //     visible: false
                // },
                // {
                //     field: 'inAppOrder',
                //     title: '应用下载-提交订单',
                //     sortable: true,
                //     visible: false
                // },
                // {
                //     field: 'inAppPay',
                //     title: '应用下载-付费',
                //     sortable: true,
                //     visible: false
                // },
                // {
                //     field: 'phone',
                //     title: '落地页-电话拨打数',
                //     sortable: true,
                //     visible: false
                // },
                // {
                //     field: 'form',
                //     title: '落地页-表单提交',
                //     sortable: true
                // },
                // {
                //     field: 'mapSearch',
                //     title: '落地页-地图搜索',
                //     sortable: true,
                //     visible: false
                // },
                // {
                //     field: 'button',
                //     title: '落地页-按钮button',
                //     sortable: true
                // },
                // {
                //     field: 'view',
                //     title: '落地页-关键页面浏览',
                //     sortable: true
                // },
                // {
                //     field: 'qq',
                //     title: '落地页-QQ咨询数',
                //     sortable: true
                // },
                // {
                //     field: 'lottery',
                //     title: '落地页-抽奖',
                //     sortable: true
                // },
                // {
                //     field: 'vote',
                //     title: '落地页-投票',
                //     sortable: true
                // },
                // {
                //     field: 'redirect',
                //     title: '落地页-页面跳转',
                //     sortable: true
                // },
                // {
                //     field: 'shopping',
                //     title: '落地页-商品购买',
                //     sortable: true
                // },
                // {
                //     field: 'consult',
                //     title: '落地页-在线咨询',
                //     sortable: true
                // },
                // {
                //     field: 'wechat',
                //     title: '落地页-微信',
                //     sortable: true
                // },
                // {
                //     field: 'phoneConfirm',
                //     title: '落地页-智能电话确认拨打',
                //     sortable: true,
                //     visible: false
                // },
                // {
                //     field: 'phoneConnect',
                //     title: '落地页-智能电话确认接通',
                //     sortable: true
                // },
                // {
                //     field: 'consultEffective',
                //     title: '落地页-智能电话有效咨询',
                //     sortable: true,
                //     visible: false
                // },
                // {
                //     field: 'totalPlay',
                //     title: '视频-总播放',
                //     sortable: true
                // },
                // {
                //     field: 'validPlay',
                //     title: '视频-有效播放',
                //     sortable: true
                // },
                // {
                //     field: 'wifiPlay',
                //     title: '视频-wifi播放',
                //     sortable: true
                // },
                // {
                //     field: 'playDurationSum',
                //     title: '视频-播放时长',
                //     sortable: true
                // },
                // {
                //     field: 'play25FeedBreak',
                //     title: '视频-播放25%进度总数',
                //     sortable: true
                // },
                // {
                //     field: 'play50FeedBreak',
                //     title: '视频-播放50%进度总数',
                //     sortable: true
                // },
                // {
                //     field: 'play75FeedBreak',
                //     title: '视频-播放75%进度总数',
                //     sortable: true
                // },
                // {
                //     field: 'play100FeedBreak',
                //     title: '视频-播放100%进度总数',
                //     sortable: true
                // },
                // {
                //     field: 'advancedCreativePhoneClick',
                //     title: '附加创意-电话按钮',
                //     sortable: true
                // },
                // {
                //     field: 'advancedCreativeCounselClick',
                //     title: '附加创意-在线咨询',
                //     sortable: true
                // },
                // {
                //     field: 'advancedCreativeFormClick',
                //     title: '附加创意-表单提交',
                //     sortable: true
                // },
                // {
                //     field: 'share',
                //     title: '互动数据-分享数',
                //     sortable: true
                // },
                // {
                //     field: 'comment',
                //     title: '互动数据-评论数',
                //     sortable: true
                // },
                // {
                //     field: 'like',
                //     title: '互动数据-点赞数',
                //     sortable: true
                // },
                // {
                //     field: 'follow',
                //     title: '互动数据-关注数',
                //     sortable: true
                // },
                // {
                //     field: 'homeVisited',
                //     title: '互动数据-主页访问量',
                //     sortable: true
                // },
                // {
                //     field: 'iesChallengeClick',
                //     title: '互动数据-挑战赛查看数',
                //     sortable: true
                // },
                // {
                //     field: 'iesMusicClick',
                //     title: '互动数据-音乐查看数',
                //     sortable: true
                // },
                // {
                //     field: 'interactPerCost',
                //     title: '互动数据-单次互动成本',
                //     sortable: true
                // },
                {
                    field: 'nextDayOpen',
                    title: '次留数',
                    sortable: true
                },
                {
                    field: 'nextDayOpenRate',
                    title: '次留率',
                    sortable: true
                },
                {
                    field: 'nextDayOpenCost',
                    title: '次留成本',
                    sortable: true
                },
                {
                    field: 'id',
                    title: '类型id',
                    sortable: true,
                    visible: false
                },
                {
                    field: 'statTime',
                    title: '日期',
                    sortable: true
                },
                {
                    field: 'pricing',
                    title: '出价方式',
                    sortable: true
                },
                // {
                //     field: 'imageMode',
                //     title: '素材样式',
                //     sortable: true
                // },
                // {
                //     field: 'inventory',
                //     title: '推广位置',
                //     sortable: true
                // },
                {
                    field: 'campaignType',
                    title: '广告组类型',
                    sortable: true
                },
                // {
                //     field: 'creativeMaterialMode',
                //     title: '创意生成方式',
                //     sortable: true
                // },
                // {
                //     field: 'externalAction',
                //     title: '转化目标',
                //     sortable: true
                // },
                // {
                //     field: 'landingType',
                //     title: '推广类型',
                //     sortable: true
                // },
                // {
                //     field: 'provinceName',
                //     title: '地域省市',
                //     sortable: true
                // },
                // {
                //     field: 'cityName',
                //     title: '地域市',
                //     sortable: true
                // },
                // {
                //     field: 'gender',
                //     title: '性别',
                //     sortable: true
                // },
                // {
                //     field: 'age',
                //     title: '年龄',
                //     sortable: true
                // },
                // {
                //     field: 'platform',
                //     title: '平台',
                //     sortable: true
                // },
                // {
                //     field: 'ac',
                //     title: '网络类型',
                //     sortable: true
                // },
                // {
                //     field: 'adTag',
                //     title: '兴趣分类',
                //     sortable: true
                // },
                // {
                //     field: 'interestTag',
                //     title: '兴趣关键词',
                //     sortable: true
                // },
                {
                    title: '操作',
                    align: 'center',
                    formatter: function (value, row, index) {
                        var actions = [];
                        actions.push('<a class="btn btn-danger btn-xs ' + removeFlag + '" href="#" onclick="$.operate.remove(\'' + row.pkId + '\')"><i class="fa fa-remove"></i>删除</a>');
                        return actions.join('');
                    }
                }]
        };
        $.table.init(options);
    });
</script>
</body>
</html>